<template>
  <main>
    <Pro
      v-for="(item, index) in Productlist"
      :item="item"
      :index="index"
      :key="item.id"
    />
  </main>
</template>
<script>
import Pro from "../Pro.vue";
import { mapState, mapActions } from "vuex";
export default {
  components: { Pro },
  computed: {
    ...mapState(["Productlist"]),
  },
  methods: {
    ...mapActions(["GetProductlistasync"]),
  },
  mounted() {
    this.GetProductlistasync();
  },
};
</script>
<style lang="less" scoped>
@import "../../../../../assets/css/var.less";
main {
  .protit();
}
</style>
